<template>
  <footer class="bg-gray-900 text-white py-16 mt-20">
    <div class="container mx-auto px-8">
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
        <!-- 公司信息 -->
        <div class="space-y-4">
          <h3 class="text-xl font-bold text-blue-400">EduLiveLink</h3>
          <p class="text-gray-400 text-sm leading-relaxed">
            智能直播互动教育平台，致力于为学习者提供优质的教育资源和互动体验。
          </p>
          <div class="flex space-x-4">
            <a href="#" class="text-gray-400 hover:text-blue-400 transition-colors">
              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
              </svg>
            </a>
            <a href="#" class="text-gray-400 hover:text-blue-400 transition-colors">
              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                <path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/>
              </svg>
            </a>
            <a href="#" class="text-gray-400 hover:text-blue-400 transition-colors">
              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
              </svg>
            </a>
          </div>
        </div>

        <!-- 关于我们 -->
        <div class="space-y-4">
          <h3 class="text-lg font-semibold text-gray-300">关于我们</h3>
          <ul class="space-y-2">
            <li><router-link to="/about" class="text-gray-400 hover:text-white transition-colors text-sm">公司介绍</router-link></li>
            <li><router-link to="/careers" class="text-gray-400 hover:text-white transition-colors text-sm">加入我们</router-link></li>
            <li><router-link to="/contact" class="text-gray-400 hover:text-white transition-colors text-sm">联系方式</router-link></li>
          </ul>
        </div>

        <!-- 帮助中心 -->
        <div class="space-y-4">
          <h3 class="text-lg font-semibold text-gray-300">帮助中心</h3>
          <ul class="space-y-2">
            <li><router-link to="/faq" class="text-gray-400 hover:text-white transition-colors text-sm">常见问题</router-link></li>
            <li><router-link to="/guide" class="text-gray-400 hover:text-white transition-colors text-sm">学习指南</router-link></li>
            <li><router-link to="/feedback" class="text-gray-400 hover:text-white transition-colors text-sm">意见反馈</router-link></li>
          </ul>
        </div>

        <!-- 商务合作 -->
        <div class="space-y-4">
          <h3 class="text-lg font-semibold text-gray-300">商务合作</h3>
          <ul class="space-y-2">
            <li><router-link to="/partnership" class="text-gray-400 hover:text-white transition-colors text-sm">机构合作</router-link></li>
            <li><router-link to="/enterprise" class="text-gray-400 hover:text-white transition-colors text-sm">企业培训</router-link></li>
            <li><router-link to="/instructor" class="text-gray-400 hover:text-white transition-colors text-sm">讲师招募</router-link></li>
          </ul>
        </div>
      </div>

      <!-- 底部版权信息 -->
      <div class="border-t border-gray-800 mt-12 pt-8 text-center">
        <p class="text-gray-400 text-sm">
          © 2024 EduLiveLink. 保留所有权利。 | 
          <a href="#" class="text-gray-400 hover:text-white transition-colors">隐私政策</a> | 
          <a href="#" class="text-gray-400 hover:text-white transition-colors">服务条款</a>
        </p>
      </div>
    </div>
  </footer>
</template>

<script setup>
// 无需额外的逻辑
</script>

<style scoped>
/* 可以添加自定义样式 */
</style>



